.snode-content {
  display: flex;
  flex-direction: row;
  .svg {
    width: 44px;
    stroke: blue;
    .svg-path {
      fill: none;
      stroke-width: 2;
      stroke: red;
    }
  }
  .node-connect {
    width: 48px;
    height: 48px;
    display: flex;
    align-self: center;
    background: blue;
    color: white;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
  }
  .node-condition {
    display: flex;
    width: 200px;
    height: 48px;
    .node-cdk {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 200px;
      height: 48px;
      .node-cdk-condition {
        color: blue;
      }
      .node-cdk-drop {
        position: relative;
        width: 200px;
        height: 48px;
      }
    }
  }

  .hide {
    display: none;
  }
  .point-type {
    cursor: pointer;
  }

  .dray-style {
    width: 200px;
    height: 48px;
    background: red;
  }
  .mask {
    position: absolute;
    width: 200px;
    height: 48px;
  }
  .children-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
